﻿<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<style>
    input
    {
        width: 200px;
    }
</style>
<body>
    <header>Welcome at my Homepage</header>
    <nav>Navigation Items</nav>
    <section>
            Place Content Here
<br />
            <br />
            <form>
            <label>
                Vorname:</label>
            <input type="text" required placeholder="Hier den Vornamen eingeben" />
            <input type="submit" />
            </form>
        </section>
    <footer>Copyrights ....</footer>
    <script>
        (function () {
            //Speichern von Werten in den Local Storage mit einem Key/Value
            localStorage["vorname"] = "Johannes";
            //Auslesen von Werten aus dem Local Storage mit dem passenden Key
            console.log(localStorage["vorname"]);
            //Löschen aller Local Storage Einträge
            localStorage.clear();
        })();
    </script>
</body>
</html>
